<!-- /*
 * @Author: wen 
 * @Date: 2018-03-01 
 * @Last Modified by: wen
 * @Last Modified time: 2018-03-01 
 */ -->
<div class="personal">
    <div class="top">
        <div class="list">
            <div class="list-name">
                <span>头像</span>
                <img :src="'/static/imgs/images/'+user.avatar" class="avatar">
            </div>
            <div class="list-name">
                <span>呢称</span>
                <span class="color-gray">{{user.name}}</span>
            </div>
        </div>
        <div class="list">
            <div class="list-name">
                <span>电话号码</span>
                <span class="color-gray">{{user.phone}}</span>
            </div>
            <div class="list-name">
                <span>邮箱</span>
                <span class="color-gray">{{user.email}}</span>
            </div>
        </div>
        <div class="list" @click="show_popup">重设密码</div>
    </div>
    <div v-bind:class="{popup:ispopup}">
        <div class="fix-message" v-if="ispopup">
            <h4 class="title">重设密码</h4>
            <input type="password" class="input-text" placeholder="请输入原密码">
            <input type="password" class="input-text" placeholder="请输入新密码">
            <input type="password" class="input-text" placeholder="请再次输入新密码">
            <div class="btns">
                <button class="btn">取消</button>
                <button type="submit" class="btn">确认</button>
            </div>
        </div>
    </div>
</div>